<!DOCTYPE html>
<html>
<link>
<meta charset="UTF-8"/>
<title>canvas签章</title>
<script src="./FXQ.js"></script>


</head>
<body>

<div style="text-align: center">
    <img id="img"/>
</div>
<!-- 图片要保存在电脑里才能转换成png ， 如果要传给后台base64 ,则在 toDataURL().substring(22) -->
<div>
    <input type="text" name="" placeholder="请输入单位名称 字数不超过15个" id="sealinstitution" value="广州市电脑计算机科技有限公司"/>
    <input type="text" name="" placeholder="请输入备注内容 字数不超过5个" id="sealremark" maxlength="5" value="系统专用章"/>
    <button class="productseal">生成公章</button>
    <button class="getseal">生成图片</button>
</div>
</body>
<script type="text/javascript">
    document.querySelector('.productseal').addEventListener("click",function(){
        var sealinstitution = document.getElementById('sealinstitution').value;
        var sealremark = document.getElementById('sealremark').value;
        var base64 = FXQ.companyEllipse(sealinstitution,sealremark,1,1)
        document.getElementById('img').src=base64;
    })
    // 圆形
    //var base64 = FXQ.companySeal('浙江葫芦娃网络集团有限公司',0,0,0,'2018-12-19')
    //FXQ.companySeal('某某某网络集团有限公司',0,0,0,'1234xyz')
    // 椭圆
    //var base64 = FXQ.companyEllipse('某某某网络集团有限公司','1234567899876',0,0)
    // 方形
    //var base64 = FXQ.personal("李易峰",0,0,0,0);
    // 不带边框
    //FXQ.personal("赵丽颖",0,0,0,1);
    // 正方形 绿
    //var base64 = FXQ.personal("易烊千玺",1,1,1,0);
    //两个字名字个人正方形带边框
    //FXQ.personal("王源",0,1,1,0);
    //var base64 = FXQ.personal("李易峰",0,1,1,0);
    //四个字个人正方形不带边框
    //FXQ.personal("王俊凯",0,1,1,1);
    //document.getElementById('img').src=base64;
</script>
</body>
</html>
